<template>
  <div>
    <h2>HOME</h2>
  <div>
    <!-- <router-link to="/home/music/1/3mian">字符串写法-华语</router-link><br>
    <router-link to="/home/music/2/2mian">字符串写法-英语</router-link><br>
    <router-link to="/home/music/3/1mian">字符串写法-欧语</router-link><br> -->

    <router-link :to="{name:'music',params:{id:1,time:'3'}} ">对象写法-华语</router-link><br>
    <router-link :to="{name:'music',params:{id:2,time:'2'}} ">对象写法-英语</router-link><br>
    <router-link :to="{name:'music',params:{id:3,time:'1'}} ">对象写法-欧语</router-link><br>
    <router-link :to="{name:'music',params:{id:'undefined',time:'undefined'}} ">name写法</router-link><br>
    <!-- <router-link to="/home/news">字符串-news</router-link> -->
    <router-link :to="{name:'news'}">对象-news</router-link><br>
    <!-- 字符串传query -->
    <!-- <router-link to="/home/games?title=key社三部曲&version=2005">对象-games</router-link> -->
    <!-- 对象传query -->
    <router-link :to="{name:'games',query:{title:'key社三部曲',version:'2005'}}">对象-games</router-link>
    <router-view></router-view>
  </div>
  </div>
</template>

<script>
export default {
  name: "Home",
};
</script>

<style>
</style>